<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/fujin.css">
    <title>附近</title>
</head>
<body>
<div class="head_box">
    <div class="head">
        <p> 后王街<span class="address_icon">&#xe822;</span></p>
        <div><input type="text" placeholder="&#xe7a8;找附近的吃喝玩乐" class="search address_icon" > </div>
    </div>
</div>
<div id="content">
    <div class="banner">
        <img src="img/banner7.png" alt="">
    </div>
    <div class="nav">
        <p class="select">享美食</p>
        <p>爱玩乐</p>
        <p>住酒店</p>
        <p>全部</p>
    </div>
    <div class="menu">
        <div class="list select">热门</div>
        <div class="list">面包甜点</div>
        <div class="list">川菜</div>
        <div class="list">湘菜</div>
        <div class="list">西北菜</div>
        <div class="list">北京菜</div>
        <div class="list">日本料理</div>
        <div class="list">江浙菜</div>
    </div>
    <div class="example">
        <img src="img/jipai.png" alt="">
        <div class="detail">
            <h3>正新鸡排（财大店）</h3>
            <p> <span class="level">★★★★★</span>￥13/人</p>
            <div class="address">小吃快餐|下元商业中心
                <div class="distance">170m</div>
            </div>
            <div class="renshu">84人消费</div>
            <div class="quan">新用户立减2元</div>
        </div>
    </div>
    <div class="fenge"></div>
    <div class="example">
        <img src="img/yihao.png" alt="">
        <div class="detail">
            <h3>花苑壹号酒家</h3>
            <p> <span class="level">★★★★★</span>￥13/人</p>
            <div class="address">小吃快餐|下元商业中心
                <div class="distance">170m</div>
            </div>
            <div class="renshu">84人消费</div>
            <div class="quan">新用户立减2元</div>
        </div>
    </div>
    <div class="fenge"></div>
    <div class="example">
        <img src="img/mala.png" alt="">
        <div class="detail">
            <h3>魔锅坊麻辣香锅</h3>
            <p> <span class="level">★★★★★</span>￥13/人</p>
            <div class="address">小吃快餐|下元商业中心
                <div class="distance">170m</div>
            </div>
            <div class="renshu">84人消费</div>
            <div class="quan">新用户立减2元</div>
        </div>
    </div>
    <div class="fenge"></div>
    <div class="example">
        <img src="img/liuji.png" alt="">
        <div class="detail">
            <h3>刘记源自助火锅</h3>
            <p> <span class="level">★★★★★</span>￥13/人</p>
            <div class="address">小吃快餐|下元商业中心
                <div class="distance">170m</div>
            </div>
            <div class="renshu">84人消费</div>
            <div class="quan">新用户立减2元</div>
        </div>
    </div>
    <div class="fenge"></div>
</div>

<div class="bottom">
    <div class="bottom_content">
        <a href="index.html" class="bottom_content_item">
            <span class="address_icon ">&#xe619;</span>
            <p>首页</p>
        </a>
        <a href="fujin.html" class="bottom_content_item">
            <span class="address_icon catalogue">&#xe611;</span>
            <p class="catalogue">附近</p>
        </a>
        <a href="find.html" class="bottom_content_item">
            <span class="address_icon">&#xe608;</span>
            <p>发现</p>
        </a>
        <a href="" class="bottom_content_item">
            <span class="address_icon">&#xe634;</span>
            <p class="address_icon">订单</p>
        </a>
        <a href="about%20me.html" class="bottom_content_item">
            <span class="address_icon">&#xe60c;</span>
            <p>我的</p>
        </a>
    </div>
</div>
<script src="rem.js"></script>
<script src="index.js"></script>
</body>
</html>